Strumenti software e codici d'esempio
Un elenco più aggiornato si può trovare all'indirizzo: codesthesia.net/risorse.
Editor online
p5.js Web Editor
È l'editor ufficiale di p5.js che crea automaticamente i file di base necessari e permette di scrivere il codice con suggerimenti sugli errori di sintassi e la possibilità di vedere il risultato durante la scrittura.
OpenProcessing
Rispetto al p5.js Web Editor ha una segnalazione degli errori meno efficiente ma è graficamente più curato nell'interfaccia e nella visualizzazione dello sketch. Permette di gestire delle classroom ma quelle con più di 15 iscritti sono a pagamento.
CodePen
Non è specifico per p5.js ma, nelle impostazioni JavaScript, è possibile aggiungere facilmente i link alle versioni CDN delle librerie principali.
Editor offline
Per avere maggiore controllo su tutti i file, è possibile utilizzare un editor professionale di codice HTML, CSS e JavaScript.
Atom
È un editor liberamente utilizzabile su Windows, macOS e Linux ed è ricco di estensioni (package) facilmente installabili. In particolare, si consiglia di installare il package Atom Live Server e di attivare l'opzione autosave.
Due alternative open source sono Brackets e Visual Studio Code. A pagamento si trovano anche Sublime (gratuito per usi non continuativi) e Dreamweaver (consigliato solo se lo si sa già usare).
Esempi di codice
A volte può essere utile partire da esempi di codice già realizzato da altri evitando, però, di usare sketch complessi di cui non si riesce a capire bene il funzionamento.
P5.js Examples
Sono gli esempi, divisi per categorie, del sito ufficiale di p5.js.
OpenProcessing
Molti sketch sono in Processing.js ma quelli in p5.js stanno crescendo velocemente.
CodePen
Nonostante non sia specifico per p5.js, contiene già migliaia di esempi.
P5 Snippets
Permette di cercare i codici di operazioni di base indicando il tipo di azione, l'elemento su cui operare o l'eventuale tipologia di input.
Altro
Processing to p5.js converter
Converte codice Processing (e Processing.js) in codice p5.js. Non garantisce sempre una conversione totale ma può essere utile con codici molto semplici o per una prima conversione di massima.
CG Brera:MAKING
Link su applicazioni software gratuite per l'editing di altre tipologie di file.